.fna-accountBook{
    position: fixed;
    width:100%;
    height: 100%; 
    &-head{
        background: #4878D3;
        color: #fff;

        &-data{
            padding: 10px 0px;

            div{
                text-align: center; 
                span{
                    svg{
                        transform:translateY(2px);
                        color: #fff;
                        margin-left: 5px;
                    }
                }        
                
            }
        }

        &-tab{
            width: 100%;
            overflow: hidden;
            &-left{
                float: left;
                width: 50%;
            }
            &-right{
                float: left;
                width: 50%;
            }
        }

        &-flex{
            
            .am-flexbox-item{
                justify-content:center;
                margin-left: 0;

                div{
                    font-size: @word-fontSize-14;
                }

                &:nth-child(1){
                    div{
                        &:nth-child(1){
                            
                            padding: 0 10%;
                        }

                        &.borderRight-line{
                            padding: 10px 10%;
                            font-size: @word-fontSize-20;
                            border-right: 1px solid #F0F0F0;
                        }

                        &:nth-child(3){
                            width: 100%;
                            height: 10px;
                            background: #4878D3;
                        }

                        &.bg-sanjiaoUP{
                            background: #4878D3 url('/images/fna/fnaMobile/sanjiaoUP1.png') no-repeat center bottom;
                        }
                    }

                }

                &:nth-child(2){
                    div{
                        &:nth-child(1){
                            padding: 0 12%;
                        }

                        &:nth-child(2){
                            font-size: @word-fontSize-20;
                            padding: 10px 12%;
                        }

                        &:nth-child(3){
                            width: 100%;
                            height: 10px;
                            background: #4878D3;
                        }

                        &.bg-sanjiaoUP{
                            background: #4878D3 url('/images/fna/fnaMobile/sanjiaoUP1.png') no-repeat center bottom;
                        }
                        
                    }

                }

            }
            
            
        }
    }

    form{
        border-bottom: 0;
    }

    .fna-accountBook-orderLayout-left{
        padding: 12px 10px;
        border-bottom: 1px solid rgba(226,226,226,0.50);
        background: #fff;
        float: left;
        width: 100%;
        .fna-flex-img-03{
            .fna-flex-img-item{
                .fna-flex-img-item-text{
                    margin-bottom: 0;
                    svg{
                        width: 12px;
                        height: 12px;
                        position: relative;
                        left: 5px;
                        
                    }
                }
            }
        }
    }
    
    // .fna-home-listPage{
    //     height: calc(~"100% - 249px");
    //     overflow-y: auto;
    //     width: 100%;
    //     padding-bottom: 0;
    // }

    .fna-accountBook-listPage{
        .am-flexbox{
            margin-left: 5px;
            .fna-home-template{
                padding:5px 1px;
            }
        }
        
    }

    &-select{
        padding: 12px 10px;
        border-bottom: 1px solid rgba(226,226,226,0.50);
        background: #fff;
        overflow: hidden;
        .accountBook-isSelect{
            float: right;
            width: 50px;
            text-align: center;
            color: #55B1F9;
        }
        .accountBook-noSelect{
            & > span{
                margin: 0 10px;
                span{
                    color: #55B1F9;
					margin: 0 5px;
                }
            }

            i{font-style:normal;}
            b{font-weight:normal;color: #383838;font-size: @word-fontSize-12;}
            em{font-style:normal;margin-left: 5px;color: #ff3535;}
            div{
                float: right;
                color: #55B1F9;
            }
        }
    }

    &-footer{
        border-top:1px solid #dddde0;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
		white-space: nowrap;
        .isReimbursed-btn{
            a{
                height: 35px;
                line-height: 35px;
                border-radius: 4px;
                margin: 6px 5%;
                display: inline-block;
                width: 40%;

                &.am-button-disabled{
                    background-color: #BFBFBF;
                }
            }
        }
        .isReimbursed-isSelect-btn{
            div{
                width: 28%;
                height: 35px;
                line-height: 35px;
                float: left;
                margin: 6px auto;
                font-size: @word-fontSize-12;
                svg{
                    vertical-align: middle;
                    position: relative;
                    top: -1px;
                    margin: 0 10px 0 5px;
                }
            }
            a{
                height: 35px;
                line-height: 35px;
                border-radius: 4px;
                margin: 6px 3%;
                display: inline-block;
                width: 30%;

                &.am-button-disabled{
                    background-color: #BFBFBF;
                }
            }
        }
    }
    
    .fna-flex-img {
        .fna-flex-img-item{
            .active{
                color: #077AE5;
                .sanjiao_down{
                    width:0;
                    height:0;
                    border-right:6px solid transparent;
                    border-left:6px solid transparent;
                    border-top:6px solid #077AE5;
                    position: absolute;
                    top: 5px;
                    margin-left: 10px
                }
        
                .sanjiao_up{
                    width:0;
                    height:0;
                    border-right:6px solid transparent;
                    border-left:6px solid transparent;
                    border-bottom:6px solid #077AE5;
                    position: absolute;
                    top: 5px;
                    margin-left: 10px
                }
            }

            .unActive_type{
                .sanjiao_down{
                    width:0;
                    height:0;
                    border-right:6px solid transparent;
                    border-left:6px solid transparent;
                    border-top:6px solid #616D7A;
                    position: absolute;
                    top: 5px;
                    margin-left: 10px
                }
            }


        }
    }
    
    .fna-cover{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 146 * @hd;
        left: 0;
        background: rgba(0, 0, 0, 0.2);
        z-index: 10;
    } 
    
    .fna-float{
        width: 96%;
        // height: 200px;
        padding:2%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 20; 
        
        .fna-flex-border {
            .fna-flex-item-border{
                flex: 0 1 21%;
                margin: 6px 2%;
                padding: 8px 2%;
                border: 1px solid #B2B6BE;
                border-radius: 4px;
                
                div{
                    margin-bottom: 0; 
                    color:#969BA6;
                }
            }
            
        }
    
    }
  

}

